<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        get     偏向于获得数据（查）
        post    偏向于上传数据（增）
        delete  偏向于删除数据（删）
        put     偏向于更新数据（全部更新）
        patch   部分更新（改）


        注意事项：
        1.使用json-server时要给json数据加上id
        2.post上传数据会自动加上id，顺序增加
        3.delete删除掉的对象会导致id缺失
        4.put为全覆盖，patch为部分覆盖
     -->   
    <button class="get">Get</button> 
    <button class="post">Post</button>
    <button class="put">Put</button>
    <button class="delete">Delete</button>
    <button class="patch">Patch</button>

    <script src="test.js"></script>
</body>
</html>